<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>关于我们</title>
    <link rel="icon" ty type="image/svg+xml" href="/static/pc/images/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/static/pc/css/main.css?time=202311201438"/>
    <script type="text/javascript" src="/static/js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/jquery.roundabout.min.js"></script>
    <script type="text/javascript" src="/static/pc/js/main.js?time=202311201438"></script>
</head>
<body>

<div th:replace="${route}+'inc/header'::header('about',3)"/>
<div class="page-banner-container" th:if="${bannerList!=null && bannerList.size>0}">
    <img src="images/inner-banner.png" th:src="${website+'/'+bannerList.get(0).img}">
</div>
<div class="breadcrumb-box">
    <div class="container-box"><span class="loaction">当前位置:</span><a href="/">首页</a><span>公司简介</span></div>
</div>



<div class="about_intro_box container-left-box">
    <p class="about_info_title"></p>
    <ul>
        <li>浙江钰烯腐蚀控制股份有限公司</li>
        <li th:utext="${company.intro}"></li>
        <li>
            <p></p>
        </li>
    </ul>
</div>
<div class="container-box professional_label_box">
    <ul>
        <li th:each="banner:${advantageBannerList}">
            <p> <img th:src="${website+'/'+banner.img}"/></p>
            <p th:text="${banner.title}"></p>
            <p th:utext="${banner.remark}"></p>
        </li>
    </ul>
</div>
</div>
<div class="container-box dept_info_box">
    <ul>
        <li><img src="/static/pc/images/dept_img.png"/></li>
        <li style="line-height: 38px">
            <p class="dept_info_title"></p>
            <th:block th:utext="${company.about}"></th:block>
        </li>
    </ul>
</div>

<div class="container-box honor_box">
    <p class="honor_info_title"></p>
    <p>以品牌统领营销，以服务支撑品牌</p>
</div>
<div class="container-box honor_list_box">
    <ul id="myroundabout" th:if="${honorList!=null && honorList.size()>0}">
        <li th:each="item:${honorList}">
            <p>
                <img th:src="${website+'/'+item.img}"/>
            </p>
            <p th:text="${item.name}"> </p>
        </li>
    </ul>
</div>

<div th:replace="${route}+'inc/footer'::footer('about')"/>
</body>
<script type="text/javascript">
    $(function () {
        $('#myroundabout').roundabout({
            autoplay: false,//自动播放
            autoplayDuration: 30000,//时间
            autoplayPauseOnHover: false,//自动鼠标移上停滞
            shape: 'figure8',  //支持属性theJuggler、figure8、waterWheel、square、conveyorBeltLeft、conveyorBeltRight、goodbyeCruelWorld、diagonalRingLeft、diagonalRingRight、rollerCoaster、tearDrop、tickingClock、flurry、nowSlide、risingEssence随便换
            minOpacity: 0,
            maxOpacity: 1.0,
            maxScale: 1,
            minScale: 0,
            dragFactor: 140,
            btnNext: "#nextBtn",  // 左按钮
            btnPrev: "#preBtn", // 右按钮
        });
    })
</script>
</html>